<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>slt</title>

<style type="text/css">
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.layer-bg{
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	left:0px;
	top:0px;
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#7F000000, endColorstr=#7F000000);
	background:rgba(0,0,0,0.5);
}

.layer-box{
	width:400px;
	height:200px;
	background:#FFF;
	z-index:1000; 
	padding:0 20px;
	border:#efefef 5px solid;
	position:fixed;
	left:50%;
	margin-left:-220px;
	top:50%;
	margin-top:-85px;
	-moz-box-shadow:0px 1px 10px rgba(0,0,0,0.35);
	-webkit-box-shadow:0px 10px 5px rgba(0,0,0,0.35);
	-o-box-shadow:0px 1px 10px rgba(0,0,0,0.35);
	box-shadow:0px 1px 10px rgba(0,0,0,0.35);
}
.layer-box .title{height:40px;line-height:40px; background:#eb3d00; width:100%; padding:0 20px; margin:0 -20px; color:#FFF; font-size:14px; font-weight:bold;}

.layer-box .addr-slt{ margin-top:40px; text-align:center; font-size:0;}
.layer-box .addr-slt select{ height:30px; border:#ccc 1px solid; margin:0 5px; min-width:100px; font-size:12px;}
.layer-box .opn{ margin-top:20px; text-align:center;}
.layer-box .btns{
	cursor:pointer;
	height:36px;
	line-height:36px;
	width:150px;
	background:#eb3d00;
	color:#FFF;
	font-size:16px;
	border:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	}
</style>
</head>

<body>
<div class="layer-box" id="layer-box">
<div class="title">请选择您所在的地点</div>
<div class="addr-slt">
<select><option>选择省</option></select>
<select><option>选择市</option></select>
<select><option>选择区/县</option></select>
</div>
<div class="opn"><input type="button" class="btns" value="确定" id="close-layer"></div>
</div>
<div class="layer-bg" id="layer-bg"></div>
<script language="javascript" type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script>
$(function(){
	$("#close-layer").bind({
		click:function(){
			$("#layer-bg").fadeOut();
			$("#layer-box").fadeOut();
			}
		});
	});
</script>
</body>
</html>
